He agregado jquery autocompletar en el cuadro de búsqueda de mi sitio web para las ubicaciones. Puedo lograr múltiples sugerencias de búsqueda de autocompletar en el cuadro, pero parece que no es fácil de usar ya que todas las sugerencias se muestran con el cuadro. Quiero 1 o 2 sugerencias y el resto estarán bajo el botón de etiqueta llamado: "1+ Más". He adjuntado la salida deseada y lo que tengo ahora mismo.

Código Javascript utilizado:

 <script type="text/javascript"> $(function(){ $.getJSON("<?php echo base_url();?>package.json", function(data) { autoComplete = []; for (var i = 0, len = data.length; i < len; i++) { autoComplete.push(data[i]); } $('#myAutocompleteMultiple').autocomplete({ source: autoComplete, multiselect: true, }); }); </script>

y html usado:

 <input id="myAutocompleteMultiple" type="text" placeholder="Search Location"/>

Contenido del archivo Json:

 [ "Al Barari Commercial", "Al Quoz Commercial", "Al Qusais Commercial", "Arjan Commercial", "Bur Dubai Commercial" ]

Por favor, alguien que me ayude.

salida deseada

salida de corriente

Gracias.